---
title: Skip Links
description: Skip link components for Tailwind CSS. Accessibility patterns for keyboard navigation and screen reader support. Improve user experience and WCAG compliance with hidden skip links that reveal on focus.
category: application
emoji: ⌨️
slug: skip-links
tag: new
wrapper: h-[300px]
terms:
  - navigation
components:
  - { title: 'Basic skip link' }
  - { title: 'Multiple skip links with dark background' }
  - { title: 'Skip links with title and light background' }
---

import CollectionHeader from '../../../components/CollectionHeader.astro'

<CollectionHeader>
  # Skip Links Components

  <p>{frontmatter.description}</p>
</CollectionHeader>
